.card {
  /* font-family: Microsoft Yahei; */
  font-family: arial;
  align: center;
  /* font-size: 150%; *px/
  color: Black;
  background-size: cover;
  /* background-color: black; */
  background-image: url("u=2193840660,2331152955&fm=253&app=120&f=JPEG.jpeg");
}

.cr {
  /* color: white; */
  /* border: 1px solid #ccc; */
  padding: 10px;
  border-radius: 10px;
  min-height: 100px;
  background-color: hsla(0, 0%, 98%, 0.2);
  align: left;
}

.cr span {
  display: inline-block;
}

#rubric {
  align: left;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  background: #1d6695;
  color: white;
  font-weight: 500;
}

img {
  max-width: 100%;
  height: auto;
  width: 300px;
  border-radius: 20px;
}

a:visited {
  color: inherit;
}

#word {
  padding-top: 15px;
}

#answer {
  height: 3px;
  background-color: #073642;
  border-width: 0px;
  width: 80%;
  margin: 15px auto;
}


#back {
  margin: 10px 10px;
  padding-bottom: 10px;
}


.scheme_seach {
  width: 100%;
}

.center {
  align: center;
}

/* 颜色配置 */
.primary {
  color: #FF88DD;
}

/* 字体大小 */
.fs10 {
  font-size: 10px;
}

.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {}

.fs20 {
  font-size: 20px;
}

.fs22 {
  font-size: 22px;
}

.fs24 {
  font-size: 24px;
}

.fs28 {
  font-size: 28px;
}

.fs32 {
  font-size: 32px;
}

.fs36 {
  font-size: 36px;
}

.fs40 {
  font-size: 40px;
}

.fs44 {
  font-size: 44px;
}

.fs48 {
  font-size: 48px;
}

.fs50 {
  font-size: 50px;
}

.bold {
  font-weight: bold;
}

.fw100 {
  font-weight: 100;
}

.fw200 {
  font-weight: 200;
}

.fw300 {
  font-weight: 300;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

/* 字体颜色 */
.red {
  color: red;
}

.blue {
  color: blue;
}

.green {
  color: green;
}

.red {
  color: red;
}

.pink {
  color: pink;
}

/* （经典白，清晰醒目） */
.white {
  color: #ffffff;
}

/* （金属银，提升高级感） */
.silver {
  color: #c0c0c0;
}

/* （亮金色，奢华大气） */
.gold {
  color: #ffd700;
}

/* （亮黄色，视觉冲击力强） */
.bright-yellow {
  color: #ffff00;
}

/* （天蓝色，清新缓解沉重） */
.sky-blue {
  color: #87ceeb;
}

/* （荧光绿，现代潮流） */
.fluorescent-green {
  color: #39ff14;
}

/* （玫瑰金，柔和优雅） */
.rose-gold {
  color: #b76e79;
}

/* （橙色，温暖有活力） */
.orange {
  color: #ff7f00;
}

/* （紫色，神秘浪漫） */
.purple {
  color: #9370db;
}

/* （浅灰色，低调沉稳） */
.light-gray {
  color: #d3d3d3;
}

/* 金属白 */
.text-metal-white {
  background-image: linear-gradient(120deg, #e0e0e0, #ffffff, #e0e0e0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #ffffff, 0 0 8px rgba(255, 255, 255, 0.5);
}

/* 金属银 */
.text-metal-silver {
  background-image: linear-gradient(120deg, #a0a0a0, #c0c0c0, #a0a0a0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #c0c0c0, 0 0 8px rgba(192, 192, 192, 0.5);
}

/* 金属金 */
.text-metal-gold {
  background-image: linear-gradient(120deg, #d4af37, #ffd700, #d4af37);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #ffd700, 0 0 8px rgba(255, 215, 0, 0.5);
}

/* 金属黄 */
.text-metal-yellow {
  background-image: linear-gradient(120deg, #e6e600, #ffff00, #e6e600);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #ffff00, 0 0 8px rgba(255, 255, 0, 0.5);
}

/* 金属蓝 */
.text-metal-blue {
  background-image: linear-gradient(120deg, #6ba0e0, #87ceeb, #6ba0e0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #87ceeb, 0 0 8px rgba(135, 206, 235, 0.5);
}

/* 金属绿 */
.text-metal-green {
  background-image: linear-gradient(120deg, #28e028, #39ff14, #28e028);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #39ff14, 0 0 8px rgba(57, 255, 20, 0.5);
}

/* 金属玫瑰金 */
.text-metal-rose-gold {
  background-image: linear-gradient(120deg, #a85f69, #b76e79, #a85f69);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #b76e79, 0 0 8px rgba(183, 110, 121, 0.5);
}

/* 金属橙 */
.text-metal-orange {
  background-image: linear-gradient(120deg, #e67300, #ff7f00, #e67300);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #ff7f00, 0 0 8px rgba(255, 127, 0, 0.5);
}

/* 金属紫 */
.text-metal-purple {
  background-image: linear-gradient(120deg, #805acb, #9370db, #805acb);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #9370db, 0 0 8px rgba(147, 112, 219, 0.5);
}

/* 金属灰 */
.text-metal-gray {
  background-image: linear-gradient(120deg, #b9b9b9, #d3d3d3, #b9b9b9);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 3px #d3d3d3, 0 0 8px rgba(211, 211, 211, 0.5);
}